vendor(prop, args)
  -webkit-{prop} args
  -moz-{prop} args
  {prop} args


border-radius()
  vendor('border-radius', arguments)

box-sizing()
  vendor('box-sizing', arguments)

 
    


// border-radius()
//     -webkit-border-radius arguments
//     -moz-border-radius arguments
//     border-radius arguments
    
input-placeholder()
    &::input-placeholder
        color arguments
    &::-webkit-input-placeholder
        color arguments
    &:-moz-placeholder
        color arguments
    &::-moz-placeholder
        color arguments
    &:-ms-input-placeholder
        color arguments



relative(a,b,left=true)
    position relative
    top a
    left b
    if left
        transform translate(-50%,-50%)


absolute(a,b,top = true)
    position absolute
    top a
    left b
    if top
        transform translateY(-50%)


attr(a,b)
    width a
    height b 


$height()
    height 100%
  

form-group(a)
    border-radius a
    input 
        border-radius a

flex-flow()
    display flex
    display -webkit-flex
    display -ms-flexbox
    flex-flow column wrap-reverse
    -webkit-flex-flow column wrap-reverse
    align-items center
    -webkit-align-items center
    justify-content center
    -webkit-justify-content center

inherit()
    font-size inherit
    color inherit

$color(a)
    color a
    input 
        inherit()
        input-placeholder(a)
    i 
        inherit()
$fixed()
    position fixed
    bottom 0
    left 0

        


